*{
	padding: 0;
	margin: 0;
}
:root {
  --cydl-container-wid: 100%;
}
html,body{
	font-family: "微软雅黑";
	position: relative;
	width: 100%;
	color: #333;
	background: #fff;
	box-sizing: border-box;
	overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: 0;
}
ul,ol{
	list-style: none;
}
img{
	border: none;
	display: flex;
}
a{
	text-decoration: none;
	color: #2c2c2c;
}
a:hover{
	color:#bc1528 ;

}

.amit{
	-webkit-transition: all .4s ease-in-out 0.2s;
  -moz-transition: all .4s ease-in-out 0.2s;
  -ms-transition: all .4s ease-in-out 0.2s;
  -o-transition: all .4s ease-in-out 0.2s;
  transition: all .4s ease-in-out 0.2s;
}
/*
@font-face{
	font-family: "鎬濇簮瀹嬩綋";
	src: url(../fonts/SC-BOLD.OTF);
}*/

.container{
	width: 1520px;
	margin: 0 auto;
	box-sizing: border-box;
}
.content img{
    display: inline-block;
}
.header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.header .container .top{
	height: 150px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.header .container .top .logo img{
	display: block;
}
.header .container .top .logo img:nth-child(2){
	display: none;
}
.header .container .top .nav{

}
.header .container .top .nav .text{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	display: flex;
	justify-content: right;
	align-items: center;
}
.header .container .top .nav .text p{
    margin-left: 20px;
}
.header .container .top .nav .sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}
.header .container .top .nav .sub .lang{
	margin-left: 50px;
	display: flex;
	color: #fff;
	align-items: center;
}
.header .container .top .nav .sub .lang .icon{
	margin-right: 5px;
}
.header .container .top .nav .sub .lang .icon img{
	display: block;
}
.header .container .top .nav .sub .lang .icon img:nth-child(2){
	display: none;
}
.header .container .top .nav .sub .lang a{
	color: #fff;
	margin: 0 5px;font-weight: bold;
}
.header .container .top .nav .sub .lang a:hover,.header .container .top .nav .sub .lang a.active{
	color: #10c7ce;
}
.header .container .top .nav .sub ul{
	display: flex;
}
.header .container .top .nav .sub ul li{
	padding: 0 20px;
	position: relative;
}
.header .container .top .nav .sub ul li p a{
	color: #fff;
	height: 45px;
	line-height: 45px;
	display: block;
}
.header .container .top .nav .sub ul li:hover p a,.header .container .top .nav .sub ul li.active p a{
	color: #10c7ce;
}
.header .container .top .nav .sub ul li .down{
	position: absolute;
	width: 160px;
	left: -30px;
	top: 50px;
	background: #fff;
	opacity: 0;
	z-index: 1;
	visibility: hidden;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0s;
}
.header .container .top .nav .sub ul li:hover .down{
	opacity: 1;
	z-index: 9;
	top: 45px;
	visibility: unset;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.header .container .top .nav .sub ul li .down em{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	height: 46px;
	font-style: unset;
}
.header .container .top .nav .sub ul li .down em a:hover{
	color: #10c7ce;
}
.scroll{
	background: #fff;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
.scroll .container .top{
	height: 120px;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.scroll .container .top .nav .sub .lang .icon img{
	display: none;
}
.scroll .container .top .nav .sub .lang .icon img:nth-child(2){
	display: block;
}
.scroll .container .top .logo img{
	display: none;
}
.scroll .container .top .logo img:nth-child(2){
	display: block;
}
.scroll .container .top .nav .sub ul li p a{
	color: #444444;
	height: 45px;
	display: block;
}

.scroll .container .top .nav .sub .lang a{
	color: #444444;
	margin: 0 5px;font-weight: bold;
}
.scroll .container .top .nav .sub .lang{
	color: #444444;
}
.scroll .container .top .nav .text{
	display: none;
}
.banner{
	overflow: hidden;
	width: 100%;
}
.banner .swiper-container{
	position: relative;
}
.banner .swiper-container .swiper-slide{
	position: relative;
}
.banner .swiper-container .swiper-slide .container{
	position: absolute;
	width: 1520px;
	left: 50%;
	top: 0;
	margin-left: -760px;
}
.banner .swiper-container .swiper-slide .img img{
	/*height: 960px;*/
	width: 100%;
}
.swiper-wrapper{
    height: auto !important;
}
.banner .swiper-container .swiper-slide .box{
	position: absolute;
	left: 0;
	top: 150px;
	width: 100%;
	display: flex;

	justify-content: space-between;
	align-items: center;
}
.banner .swiper-container .swiper-slide .box .right{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner .swiper-container .swiper-slide .box .right img{
	max-height: 100%;
	max-width: 100%;
}
.banner .swiper-container .swiper-slide .box .left{
	width: 50%;
	box-sizing: border-box;
}
.banner .swiper-container .swiper-slide .box .left h3{
	font-size: 40px;
	color: #fff;
	font-weight: 400;
}
.banner .swiper-container .swiper-slide .box .left h4{
	font-size: 90px;
	color: #2cdfe9;
	background: url(../images/bg7.png) no-repeat left bottom;
	padding-bottom: 25px;
}
.banner .swiper-container .swiper-slide .box .left p{
	font-size: 20px;
	color: #394848;
}
.banner .swiper-container .swiper-slide .box .left .more{
	margin-top: 45px;
}
.banner .swiper-container .swiper-slide .box .left .more a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 130px;
	height: 60px;
	border-radius: 30px;
	background: #fff;
	box-sizing: border-box;
	padding: 0 30px;
}
.banner .swiper-container .swiper-slide .box .left .more a span{
	color: #10c7ce;
	font-size: 16px;
}
.banner_but{
	position: absolute;
	top: 85%;
	left: 50%;
	width: 1520px;
	margin-left: -760px;
	display: flex;
	justify-content: left;
	align-items: center;
	z-index: 9;
}
.banner_but .prev,.banner_but .next{
	box-sizing: border-box;
	width: 60px;
	height: 60px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.banner_but .prev img,.banner_but .next img{
	position: relative;
	left: -60px;
	filter:drop-shadow(60px 0px #fff);
}
.banner_but .prev:hover,.banner_but .next:hover{
	background: rgba(255, 255, 255, 1);
}
.banner_but .prev:hover img,.banner_but .next:hover img{
	filter:drop-shadow(60px 0px #10c7ce);
}
.banner_but .swiper-pagination{
	position: static;
	margin: 0 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.banner_but .swiper-pagination span{
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
	opacity: 0.5;
	font-size: 12px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 5px;
}
.banner_but .swiper-pagination span.swiper-pagination-bullet-active{
	background: none;
	opacity: 1;
}
.column{
	background: #f6f7f7;
	padding-bottom: 25px;

}
.column .container{
	position: relative;
}
.column .container ul{
	position: relative;
	width: 100%;
	top: -50px;
	z-index: 9;
	display: flex;
	justify-content: space-between;
	background: #fff;
}
.column .container ul li{
	width: 20%;
	border-left: 1px solid #f5f5f5;
	background: #fff;
	box-sizing: border-box;
	padding: 40px;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.column .container ul li.active{
	width: 40%;
	background: url(../images/pro_bg.jpg) no-repeat center;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.column .container ul li:nth-child(1){
	border: none;
}
.column .container ul li .icon{
	overflow: hidden;
}
.column .container ul li.active .icon img{
	position: relative;
	left: -66px;
	filter: drop-shadow(66px 0px #fff);
}
.column .container ul li h3{
	font-size: 26px;
	font-weight: 400;
	margin-top: 15px;
	color: #444;
}
.column .container ul li p{
	font-size: 16px;
	color: #949494;
	margin-top: 10px;
}
.column .container ul li .more{
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-top: 15px;
	overflow: hidden;
	background: #0da8ae;
}
.column .container ul li .more img{
	position: relative;
	left: -30px;
	filter: drop-shadow(30px 0px #fff);
}
.column .container ul li.active h3{
	font-size: 26px;
	font-weight: 400;
	margin-top: 15px;
	color: #fff;
}
.column .container ul li.active p{
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
}
.column .container ul li.active .more{
	background: #fff;
}
.column .container ul li.active .more img{

	filter: drop-shadow(30px 0px #0da8ae);
}
.index1{
	background: url(../images/bg1.jpg) no-repeat center top;
	padding: 100px 0 80px;
	overflow: hidden;
}
.index1 .top{

}
.index1 .top .title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index1 .top .title .left{

}
.index1 .top .title .left p{
	font-size: 24px;
	color: #dddddd;
	font-style: unset;
}
.index1 .top .title .left h3{
	font-size: 50px;
	font-weight: 400;
}
.index1 .top .title .right{

}
.index1 .top .title .right a{
	display: flex;
	padding: 0 25px;
	height: 50px;
	width: 140px;
	justify-content:space-between;
	align-items: center;
	border-radius: 25px;
	background: #fff;
}
.index1 .top .title .right a span{
	color: #14a8ae;
	font-size: 14px;
}
.index1 .top .seach{
	margin-top: 25px;
	background-color: #f6f7f7;
}
.index1 .top .seach input{
	width: 100%;
	height: 60px;
	background: url(../images/search.png) no-repeat center left 20px;
	box-sizing: border-box;
	padding-left: 50px;
	font-size: 16px;
	border: none;
	outline: unset;
}
.index1 .list{
	margin-top: 35px;
}
.index1 .list ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -40px;
}
.index1 .list ul li{
	width: 33.333%;
	box-sizing: border-box;
	padding: 20px;
}
.index1 .list ul li>div{
	background: #fff;
	position: relative;
}
.index1 .list ul li>div .img img{
	width: 100%;
}
.index1 .list ul li>div .text{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-left: 5%;
	padding-top: 8%;
}
.index1 .list ul li>div .text em{
	font-style: unset;
	font-size: 30px;
	font-weight: bold;
	color: #dadada;
}
.index1 .list ul li>div .text h3{
	font-size: 26px;
	color: #3a3a3a;
}
.index1 .list ul li>div .text p{
	color: #dedddd;
	font-size: 14px;
}
.index1 .list ul li>div .text .sub{
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	display: none;
	margin-top: 15px;
}
.index1 .list ul li>div .text .sub a{
	color: #3a3a3a;
	font-size: 16px;
	margin-right: 15px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index1 .list ul li>div .text .sub a:hover{
	color: #14a8ae;
}
.index1 .list ul li>div .text .sub a:before{
	content: "";
	width: 6px;
	height: 6px;
	background: #14a8ae;
	margin-right: 5px;
	border-radius: 50%;
}
.index1 .list ul li>div .text .more{
	display: flex;
	justify-content: space-between;
	width: 130px;
	height: 50px;
	border: 1px solid #dcdcdc;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
.index1 .list ul li>div .text .more span{
	font-size: 14px;
	color: #14a8ae;
	margin-right: 15px;
}
.index1 .list ul li:hover>div .text{
	padding-left: 5%;
	padding-top: 5%;
}
.index1 .list ul li:hover>div .text .sub{
	display: flex;
}
.index1 .list ul li:hover>div .text h3{
	color: #14a8ae;
}
.index2{
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.index2 .left{
	width: 50%;
	box-sizing: border-box;
	display: flex;
	background: url(../images/bg2.jpg) no-repeat center top;
	justify-content: space-between;
}
.index2 .right{
	width: 50%;
	box-sizing: border-box;
}
.index2 .right .img{

}
.index2 .right .img img{
	width: 100%;
}
.index2 .right .videos{
	width: 100%;
	height: 435px;
}
.index2 .right .videos video{
	width: 100%;
	height: 100%;
	background: #000;
}
.index2 .left .text{
	width: 760px;
	box-sizing: border-box;
	padding-top: 90px;
	box-sizing: border-box;
	padding-right: 5%;
}
.index2 .left .box{
	width: cacl(100% - 760px);
}
.index2 .left .text .title p{
	font-size: 24px;
	color: #dddddd;
}
.index2 .left .text .title h3{
	font-size: 50px;
	color: #2a2a2a;;
	font-weight: 400;
}
.index2 .left .text .dis{
	font-size: 16px;
	color: #949494;
	margin-top: 30px;
	line-height: 1.7em;
	text-indent: 2em;
}
.index2 .left .text .item{
	margin-top: 55px;
}
.index2 .left .text .item ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index2 .left .text .item ul li h3{
	font-size: 60px;
	color: #10c7ce;
	display: flex;
	align-items: flex-start;
}
.index2 .left .text .item ul li h3 i{
	font-style: unset;
	font-size: 18px;
	color: #3a3a3a;
}
.index2 .left .text .item ul li p{
	font-size: 18px;
	color: #3a3a3a;
	font-weight: bold;
}
.index3{
	padding: 80px 0;
	background: #fff;
	overflow: hidden;
}
.index3 .title{
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 10px;
}
.index3 .title ul{
	display: flex;
}
.index3 .title ul li{
	margin-right: 20px;
}
.index3 .title ul li a{
	font-size: 24px;
	color: #3a3a3a;
}
.index3 .title ul li a:hover,.index3 .title ul li.active a{
	color: #14a8ae;
}
.index3 .list{
	margin-top: 25px;
}
.index3 .list ul{
	display: flex;
	justify-content: space-between;
	display: none;
}
.index3 .list ul.active{
	display: flex;
	justify-content: space-between;
}
.index3 .list ul li{
	width: calc(25% - 30px);
	box-sizing: border-box;
}
.index3 .list ul li .img img{
	width: 100%;
		-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.index3 .list ul li .img{
	overflow: hidden;
	border: 1px solid  #bab7b7;
}
.index3 .list ul li a:hover .img img{
	transform: scale(1.1);
		-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.index4{
	background: url(../images/bg4.jpg)no-repeat center top;
	padding: 80px 0;
	overflow: hidden;
}
.index4 .title{

}
.index4 .title h3{
	font-size: 50px;
	color: #3a3a3a;
	font-weight: 400;
}
.index4 .title p{
	font-size: 24px;
	color: #dddddd;
}
.index4 .list{
	margin-top: 45px;
	display: flex;
	justify-content: space-between;
}
.index4 .list .left{
	width: 50%;
	box-sizing: border-box;
	padding-right: 35px;
}
.index4 .list .right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 35px;
}
.index4 .list .left ul li{
	margin-bottom: 20px;
}
.index4 .list .left ul li a{
	display: flex;
	justify-content: left;
	align-items: center;
	height: 80px;
	padding: 0 40px;
	box-sizing: border-box;
	background: linear-gradient(to right,#fff,rgba(255,255,255,0));
}
.index4 .list .left ul li a i{
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	overflow: hidden;
}
.index4 .list .left ul li a span{
	font-size: 22px;
}
.index4 .list .left ul li.active a{
	background: linear-gradient(to right,#14a8ae,rgba(20,168,174,0));
}
.index4 .list .left ul li.active a span{
	color: #fff;
} 
.index4 .list .left ul li.active a i img{
	position: relative;
	left: -50px;
	filter: drop-shadow(50px  0px #fff);
}
.index4 .list .right .item{
	display: none;
	position: relative;
}
.index4 .list .right .item.active{
	display: block;
}
.index4 .list .right .item .img{
	width: 100%;
	overflow: hidden;
}
.index4 .list .right .item .img img{
	width: 100%;
}
.index4 .list .right .item .text{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px ;
}
.index4 .list .right .item .text h3{
	font-size: 22px;
	color: #fff;
	font-weight: 400;
}
.index4 .list .right .item .text p{
	font-size: 16px;
	color: #c4c4c4;
	margin-top: 10px;
}
.index5{
	background: url(../images/bg8.jpg) no-repeat center top;
	padding: 80px 0;
	overflow: hidden;
}
.index5 .title{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.index5 .title .left{
	width: 50%;
	box-sizing: border-box;
}
.index5 .title .left h3{
	font-size: 50px;
	color: #3a3a3a;
	font-weight: 400;
}
.index5 .title .left p{
	font-size: 24px;
	color: #dddddd;
}
.index5 .title .right{
	width: 50%;
	box-sizing: border-box;
}
.index5 .title .right ul {
	display: flex;
	justify-content: right;
	align-items: center;
}
.index5 .title .right ul li{
	margin-left: 30px;
}
.index5 .title .right ul li a{
	color: #9b9b9b;
	font-size: 14px;
	padding-bottom: 5px;
	display: block;

}
.index5 .title .right ul li a:hover{
	color: #14a8ae;
	border-bottom: 1px solid #14a8ae;
}
.index5 .list{
	margin-top: 45px;
}
.index5 .list .swiper-container .swiper-slide{
	width: calc(50% - 15px);
	margin-right: 30px;
}
.index5 .list .swiper-container .swiper-slide .img{
	overflow: hidden;
}
.index5 .list .swiper-container .swiper-slide .img img{
	width: 100%;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.index5 .list .swiper-container .swiper-slide a:hover .img img{
	transform: scale(1.1);
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.index5 .list .swiper-container .swiper-slide .title{
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index5 .list .swiper-container .swiper-slide .title h3{
	font-size: 24px;
	font-weight: 400;
	color: #3a3a3a;
} 
.index5 .list .swiper-container .swiper-slide .title span{
	font-size: 16px;
	color: #9b9b9b;
}
.index5 .list .swiper-container .swiper-slide .dis{
	margin-top: 10px;
	font-size: 16px;
	color: #c4c4c4;
}
.index5 .list .swiper-container .swiper-slide .more{
	margin-top: 15px;
}
.index5 .scrollbar{
	margin-top: 40px;
}
.index5 .scrollbar .swiper-scrollbar{
	width: 100%;
	position: relative;
	height: 10px;
	background: linear-gradient(to right,#14a8ae,rgba(20,168,174,0));
}
.index5 .scrollbar .swiper-scrollbar .swiper-scrollbar-drag{
	height: 6px;
	top: 2px;
	background: #a5dee0;
}
.index6{
	background: url(../images/bg3.jpg) no-repeat center top;
	overflow: hidden;
}
.index6 .box{
	height: 350px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index6 .box .left{
	width: 50%;
	box-sizing: border-box;
}
.index6 .box .left h3{
	color: #fff;
	font-size: 50px;
	font-weight: 400;
}
.index6 .box .right{
	width: 50%;
	box-sizing: border-box;
}
.index6 .box .right .top a{
	font-size: 22px;
	color: #fff;
}
.index6 .box .right .bottom a{
	font-size: 18px;
	color: #fff;
}
.index6 .box .right .form{
	margin: 10px 0;
	display: flex;
	justify-content: space-between;
}
.index6 .box .right .form input{
	width: 25%;
	box-sizing: border-box;
	height: 55px;
	border: none;
	outline: unset;
	padding-left: 10px;
}
.index6 .box .right .form button{
	width: 18%;
	border: none;
	outline: unset;
	height: 55px;
	background: #14a8ae;
	color: #fff;
}
.index7 .title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index7 .title .left{

}
.index7 .title .left p{
	font-size: 24px;
	color: #dddddd;
	font-style: unset;
}
.index7 .title .left h3{
	font-size: 50px;
	font-weight: 400;
}
.index7 .title .right{

}
.index7 .title .right a{
	display: flex;
	padding: 0 25px;
	height: 50px;
	width: 140px;
	justify-content:space-between;
	align-items: center;
	border-radius: 25px;
	background: #fff;
}
.index7 .title .right a span{
	color: #14a8ae;
	font-size: 14px;
}
.index7{
	background: url(../images/bg5.jpg) no-repeat center top;
	padding: 80px 0;
	overflow: hidden;
}
.index7 .list{
	margin-top: 40px;
}
.index7 .list .swiper-container{
	overflow: hidden;
}
.index7 .list .swiper-container .swiper-slide{
	width: calc(25% - 30px);
	box-sizing: border-box;
	position: relative;
	margin-right: 40px;
}
.index7 .list .swiper-container .swiper-slide .img img{
	width: 100%;
}
.index7 .list .swiper-container .swiper-slide .text{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f3f3f3;
	box-sizing: border-box;
	padding: 40px 20px;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.index7 .list .swiper-container .swiper-slide .text p{
	font-size: 16px;
	color: #cacaca;
	padding-bottom: 10px;
	border-bottom: 1px solid #ececec;
}
.index7 .list .swiper-container .swiper-slide .text h3{
	color: #3a3a3a;
	font-size: 24px;
	font-weight: 40;
	margin-top: 15px;
	line-height: 1.8em;
}
.index7 .list .swiper-container .swiper-slide .text .dis{
	font-size: 16px;
	color: #8b8b8b;
	margin-top: 15px;
}
.index7 .list .swiper-container .swiper-slide .text .more{
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 50%;
	margin-left: auto;
	margin-right: 0;
	margin-top: 30px;
}
.index7 .list .swiper-container .swiper-slide a:hover .text{
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.index7 .list .swiper-container .swiper-slide a:hover .text h3{
	color: #fff;
}
.index7 .list .swiper-container .swiper-slide a:hover .text .dis{
	color: #fff;
}
.index7 .list .but {
	margin-top: 30px;
}
.index7 .list .but .swiper-pagination{
	position: static;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.index7 .list .but .swiper-pagination span{
	background: #fff;
	margin: 0 5px;
	border: 1px solid #dcdcdc;
}
.index7 .list .but .swiper-pagination span.swiper-pagination-bullet-active{
	background: #14a8ae;
}
.footer{
	background: #121212;
	padding: 80px 0;
	overflow: hidden;
}
.footer .container{
	display: flex;
	justify-content: space-between;

}
.footer .container .left{
	width: 25%;
	box-sizing: border-box;
}
.footer .container .left .text{
	margin-top: 30px;
	color: #fff;
}
.footer .container .left .text h3{
	font-size: 16px;
}
.footer .container .left .text P{
	font-size: 14px;
	color: #c1c1c1;
	line-height: 2em;
}
.footer .container .right{
	width: 70%;
	box-sizing: border-box;
}
.footer .container .left .code{
	width: 130px;
	margin-top: 30px;
}
.footer .container .left .code img{
	width: 100%;
}
.footer .container .left .code p{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
}
.footer .container .right ul{
	display: flex;
	justify-content: space-between;
}
.footer .container .right ul li{

}
.footer .container .right ul li h3 a{
	font-size: 16px;
	color: #fff;
}
.footer .container .right ul li .sub{
	margin-top: 15px;
}
.footer .container .right ul li p{
	margin-bottom: 10px;
}
.footer .container .right ul li p a{
	font-size: 14px;
	color: #535353;
}
.copy{
	background: #121212;
	border-top: 1px solid #202020;
}
.copy .container{
	height: 90px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.copy .container .left{
	color: #3a3a3a;
	font-size: 14px;
}

.copy .container .right{
	color: #3a3a3a;
	font-size: 14px;
}
.copy .container .right a{
		color: #3a3a3a;
	font-size: 14px;
}
.location{
	position: relative;
	z-index: 9;
	top: -40px;
	height: 0;
}
.location .container{
	display: flex;
	justify-content: left;
	align-items: center;
	color: #f6f6f6;
	font-size: 14px;
}
.location .container a{
	color: #f6f6f6;
}
.sidebar{
	border-bottom: 1px solid #dcdcdc;
	padding-top: 20px;
}
.sidebar ul{
	display: flex;
	justify-content: left;
	align-items: center;
	flex-wrap: wrap;
}
.sidebar ul li{
	margin-right: 25px;
}
.sidebar ul li a{
	display: block;
	padding-bottom: 20px;
	font-size: 16px;
	border-bottom: 1px solid #fff;
}
.sidebar ul li a:hover,.sidebar ul li.active a{
	color: #0da8ae;
	border-bottom: 1px solid #0da8ae;
}
.about{
	padding: 80px 0;
	background: url(../images/about_bg.png) no-repeat center top;
}
.about .text{
	font-size: 16px;
	color: #949494;
}
.about .text h3{
	font-size: 50px;
	color: #3a3a3a;
	font-weight: 400;
	margin-bottom: 30px;
}
.about .text h4{
	font-size: 22px;
	color: #3a3a3a;
	font-weight: 400;
	margin-bottom: 20px;
}
.munber{
	background: url(../images/bg9.png) no-repeat center top;
	padding: 80px 0;
}
.munber ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 50px;
}
.munber ul li h3{
	font-size: 60px;
	color: #10c7ce;
	display: flex;
	align-items: flex-start;
}
.munber ul li h3 i{
	font-style: unset;
	font-size: 18px;
	color: #3a3a3a;
}
.munber ul li p{
	font-size: 18px;
	color: #3a3a3a;
	font-weight: bold;
}
.about2{
	background: url(../images/bg10.jpg) no-repeat center top;
	padding: 80px 0;
}
.about2 .title{
	font-size: 50px;
	color: #2b2b2b;
}
.about2 .list{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about2 .list .left{
	padding-right: 20px;
	width: 50%;
	box-sizing: border-box;
}
.about2 .list .left img{
	width: 100%;
}
.about2 .list .right{
	width: 50%;
	padding-left: 25px;
	box-sizing: border-box;
}
.about2 .list .right ul li{
	display: flex;
	align-items: center;
	padding: 15px 0;
}
.about2 .list .right ul li i{
	margin-right: 10px;
}
.about2 .list .right ul li span{
	font-size: 24px;
}
.about3{
	padding: 80px 0;
}
.about3 .title{
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.about3 .title .left{	
	font-size: 50px;
	color: #2b2b2b;
}
.about3 .title .right{

}
.about3 .title .right ul{
	display: flex;
}
.about3 .title .right ul li{
	margin-left: 25px;
}
.about3 .title .right ul li a{
	font-size: 24px;
	color: #2b2b2b;
}
.about3 .title .right ul li.active a{
	color: #14a8ae;
}
.about3 .list{
	margin-top: 35px;
}
.about3 .list .item{
	 overflow: hidden;
	 height: 0;
}
.about3 .list .item.active{
	height: auto;
}
.about3 .list .item .swiper-slide{
	width: calc(25% - 30px);
	margin-right: 40px;
	box-sizing: border-box;
	border: 1px solid  #bab7b7;
}
.about3 .list .item .swiper-slide img{
	width: 100%;
}
.about3 .list .item .but{
	display: flex;
	justify-content: left;
	align-items: center;
	margin-top: 30px;
}
.about3 .list .item .but>div{
	position: static;
	margin: 0 ;
	margin-right: 25px;
	width: 50px;
	height: 50px;
	font-size: 24px;
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #0da8ae;
}
.pro_sub{
	padding: 30px 0;
}
.pro_sub ul{
	display: flex;
	flex-wrap: wrap;
}
.pro_sub ul li{
	margin-right: 20px;
}
.pro_sub ul li a{
	padding: 0 15px;
	height: 35px;
	display: flex;
	align-items: center;
}
.pro_sub ul li a:hover,.pro_sub ul li.active a{
	background: #0da8ae;
	color: #fff;
}
.product{
	padding: 0 0 80px 0;
}
.product .list{

}
.product .list ul{
	display: flex;
	margin: 0 -20px;
	flex-wrap: wrap;
}
.product .list ul li{
	width: 25%;
	box-sizing: border-box;
	padding: 20px;
}
.product .list ul li a{
	display: block;
	border: 1px solid #f5f5f5;
	
}
.product .list ul li a .img{
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
.product .list ul li a .img img{
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.product .list ul li a:hover .img img{
	transform: scale(1.1);
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.product .list ul li a .text{
	background: #fbfbfb;
	padding: 20px;
}
.product .list ul li a .text h3{
	font-size: 22px;
	font-weight: 400;
	color: #2b2b2b;
}
.product .list ul li a .text h4{
	font-size: 14px;
	color: #b8b8b8;
	margin: 10px 0;
	font-weight: 400;
}
.product .list ul li a .text p{
	font-size: 14px;
	color: #8e8e8e;
}
.product .list ul li a .text em{
	font-style: unset;
	display: block;
	height: 35px;
	width: 100px;
	font-size: 14px;
	background: #f2f2f2;
	color: #adadad;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}
.product .list ul li a:hover .text em{
	background: #0da8ae;
	color: #fff;
}
.pages{
	text-align: center;
	padding: 35px 35px;
}
.pages ul{
	display: flex;
	justify-content: center;
}
 .pages ul li{
	padding: 0 5px;
}
 .pages ul li a,.pages ul li span{
	padding: 5px 8px;
	border: 1px solid #dcdcdc;
	display: block;
}
.pages ul li.active a,.pages ul li.active span,.pages ul li:hover a{
	background: #0da8ae; 
	color: #fff;
	border: 1px solid #0da8ae;
}
.productShow{
	padding: 80px 0;
}
.productShow .top{
	display: flex;
	justify-content: space-between;
	background: #fbfbfb;
}
.productShow .top .left{
	width: 50%;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.productShow .top .right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 20px;
	overflow: hidden;
	display: flex;
	padding-top: 50px;
	padding-bottom: 50px;
}
.productShow .top .left h3{
	font-size: 30px;
}
.productShow .top .left h4{
	font-size: 16px;
	color: #b8b8b8;
	font-weight: 400;
	margin: 20px 0;
}
.productShow .top .left .xian{
	height: 5px;
	background: linear-gradient(to right,#14aab0 , #fbfbfb);
}
.productShow .top .left .dis{
	margin-top: 25px;
}
.productShow .top .left .dis p{
	color: #8e8e8e;
	font-size: 16px;
	line-height: 2em;
}
.productShow .top .left .but{
	margin-top: 35px;
	display: flex;

}
.productShow .top .left .but a{
	width: 100px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}
.productShow .top .left .but a.tel{
	background: #0da8ae;
	color: #fff;
}
.productShow .top .left .but a.go{
	background: #f2f2f2;
	color: #adadad;
	margin-left: 10px;
}
.productShow .top .right .images{
	height: 415px;
	overflow: hidden;
	width: 540px;
	margin-right: 30px;
}
.productShow .top .right .thum{
	height: 415px;
	box-sizing: border-box;
	overflow: hidden;
}
.productShow .top .right .thum .swiper-container{
	height: 100%;
	width: 120px;
}
.productShow .top .right .thum .swiper-container .swiper-slide{
	height: calc(25% - 10px);
	margin-bottom: 11.5px;
	box-sizing: border-box;
}
.productShow .top .right .thum .swiper-container .swiper-slide.swiper-slide-thumb-active{
	border: 1px solid #0da8ae;
}
.productShow .top .right .thum .swiper-container .swiper-slide img{
	width: 100%;
	height: 100%;
}
.productShow .top .right .images img{
	width: 100%;
	height: 100%;
}
.productShow .showContent{
	margin-top: 35px;
}
.productShow .showContent .title{
	display: flex;
	justify-content: left;
	border-bottom: 1px solid #f5f5f5;
}
.productShow .showContent .title p{
	font-size: 22px;
	margin-right: 20px;
	border-bottom: 1px solid #fff;
}
.productShow .showContent .title p.active{
	color: #0da8ae;
	border-bottom: 1px solid #0da8ae;
	padding-bottom: 10px;
}
.productShow .showContent .content{
	margin-top: 35px;
}
.productShow .showContent .content .item{
	display: none;
}
.productShow .showContent .content .item.active{
	display: block;
}
.proCom{
	padding-top: 50px;
	background: #f7f7f7;
	padding-bottom: 50px;
}
.proCom .title{
	font-size: 50px;
}
.proCom .list{
	margin-top: 25px;
}
.proCom .list ul{

}
.proCom .list ul li{
	width: calc(25% - 30px);
	box-sizing: border-box;
	margin-right: 40px;
}
.proCom .list ul li a{
	display: block;
	border: 1px solid #f5f5f5;
	background: #fff;
}
.proCom .list ul li a .img{
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
.proCom .list ul li a .img img{
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.proCom .list ul li a:hover .img img{
	transform: scale(1.1);
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.proCom .list ul li a .text{
	background: #fbfbfb;
	padding: 20px;
}
.proCom .list ul li a .text h3{
	font-size: 22px;
	font-weight: 400;
	color: #2b2b2b;
}
.proCom .list ul li a .text h4{
	font-size: 14px;
	color: #b8b8b8;
	margin: 10px 0;
	font-weight: 400;
}
.proCom .list ul li a .text p{
	font-size: 14px;
	color: #8e8e8e;
}
.proCom .list ul li a .text em{
	font-style: unset;
	display: block;
	height: 35px;
	width: 100px;
	font-size: 14px;
	background: #f2f2f2;
	color: #adadad;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}
.proCom .list ul li a:hover .text em{
	background: #0da8ae;
	color: #fff;
}
.proCom .list .comBut {
	margin-top: 30px;
}
.proCom .list .comBut .swiper-pagination{
	position: static;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.proCom .list .comBut .swiper-pagination span{
	background: #fff;
	margin: 0 5px;
	border: 1px solid #dcdcdc;
}
.proCom .list .comBut .swiper-pagination span.swiper-pagination-bullet-active{
	background: #14a8ae;
}
.newsClass{

	background: #f5f5f5;
	padding: 60px 0 ;
}
.newsClass ul{
	display: flex;
	justify-content: space-between;
}
.newsClass ul li{
	width: calc(33.33% - 15px);
	box-sizing: border-box;
}
.newsClass ul li a{
	display: block;
	background: url(../images/newsBg_bai.png) no-repeat bottom right;
	padding: 40px 40px 100px;
	position: relative;
}
.newsClass ul li a em{
	font-style: unset;
	font-size: 22px;
	color: #e8e8e8;
}
.newsClass ul li a h3{
	color: #3a3a3a;
	font-size: 30px;
	margin-top: 10px;
}
.newsClass ul li a p{
	font-size: 18px;
	color: #949494;
	margin-top: 10px;
}
.newsClass ul li a .mo{
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 16px;
	overflow: hidden;
}
.newsClass ul li a .xian{
	height: 5px;
	background: linear-gradient(to right , #3bb8bd,#fff);
	margin-top: 20px;
}
.newsClass ul li a:hover .xian{
	height: 5px;
	background: linear-gradient(to left , #3bb8bd,#fff);
}
.newsClass ul li a .mo img{
	position: relative;
	margin-left: -16px;
	filter: drop-shadow(16px 0px #fff);
}
.newsClass ul li a:hover{
	background: url(../images/newsBg.png) no-repeat bottom right;
}
.newsClass ul li a:hover .mo img{
	filter: drop-shadow(16px 0px #0da8ae);
}
.newsClass ul li a:hover h3{
	color: #fff;
}
.newsClass ul li a:hover p{
	color: #f0f0f0;
}
.news{
	padding: 80px 0;
}
.news .list{

}
.news .list ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}
.news .list ul li{
	width: 25%;
	box-sizing: border-box;
	
	padding:20px;
}
.news .list ul li a{
	display:block;
	position: relative;
}
.news .list ul li .img img{
	width: 100%;
}
.news .list ul li .text{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f3f3f3;
	box-sizing: border-box;
	padding: 40px 20px;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.news .list ul li .text p{
	font-size: 16px;
	color: #cacaca;
	padding-bottom: 10px;
	border-bottom: 1px solid #ececec;
}
.news .list ul li .text h3{
	color: #3a3a3a;
	font-size: 24px;
	font-weight: 40;
	margin-top: 15px;
	line-height: 1.8em;
}
.news .list ul li .text .dis{
	font-size: 16px;
	color: #8b8b8b;
	margin-top: 15px;
}
.news .list ul li .text .more{
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 50%;
	margin-left: auto;
	margin-right: 0;
	margin-top: 50px;
}
.news .list ul li a:hover .text{
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.news .list ul li a:hover .text h3{
	color: #fff;
}
.news .list ul li a:hover .text .dis{
	color: #fff;
}
.newsShow{
	margin-top: 60px;
}
.newsShow .title{
	text-align: center;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 10px;
}
.newsShow .return{
	margin-bottom: 20px;
}
.newsShow .return a{
	height: 40px;
	padding: 0 20px;
	display: inline-block;
	line-height: 40px;
	color: #fff;
	background: #0da8ae;
}
.newsShow .title h3{
	font-size: 50px;
	font-weight: 400;
}
.newsShow .title p{
	font-size: 16px ;
	color: #939393;
	margin-top: 15px;
}
.newsShow .newsContent{
	box-sizing: border-box;
	padding: 35px;
}
.newsShow .newsContent img{
	display: inline-block;
}
.download{
	padding: 50px 0;
}
.download .top{
	font-size: 50px;
}
.download .dottom{
	display: flex;
	margin-top: 50px;
	justify-content: space-between;
}
.download .dottom .left{
	width: 23%;
}
.download .dottom .right{
	width: 75%;
}
.download .dottom .left .title{
	background: url(../images/bg11.jpg) no-repeat top ;
	background-size: cover;
	padding: 30px 0;
	text-align: center;
}
.download .dottom .left .title h3{
	font-size: 36px;
	color: #fff;
	font-weight: 400;
}
.download .dottom .left .title p{
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
}
.download .dottom .left .list{
	margin-top: 20px;
}
.download .dottom .left .list ul li{
	padding-bottom: 20px;
	padding-top: 15px;
}
.download .dottom .left .list ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	color: #3a3a3a;
	border-left: 3px solid #fff;
}
.download .dottom .left .list ul li a:hover,.download .dottom .left .list ul li.active a{
	color: #0da8ae;
	border-left: 3px solid #0da8ae;
}
.download .dottom .right .list{

}
.download .dottom .right .list ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.download .dottom .right .list ul li{
	width: calc(50% - 20px);
	box-sizing: border-box;
	margin-bottom: 40px;
	border: 20px solid #fafafa;
	background: #fafafa;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.download .dottom .right .list ul li .img{
	width: 40%;
	box-sizing: border-box;
}
.download .dottom .right .list ul li .img img{
	width: 100%;
}
.download .dottom .right .list ul li .text{
	width: 60%;
	padding-left: 20px;
	box-sizing: border-box;
}
.download .dottom .right .list ul li .text h3{
	font-size: 20px
}
.download .dottom .right .list ul li .text p{
	color: #c9c9c9;
	font-size: 14px;
	margin-top: 10px;
}
.download .dottom .right .list ul li .text a{
	display: inline-block;
	padding: 5px 20px;
	background: #0da8ae;
	color: #fff;
	margin-top: 30px;
}
.video{
	padding: 60px 0;
}
.video .title{
	font-size: 50px;
}
.video .list{
	margin-top: 35px;
}
.video .list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.video .list ul li{
	width: calc(50% - 35px);
	margin-bottom: 40px;
}
.video .list ul li video{
	width: 100%;
	height: 430px;
	background: #000;
}
.video .list ul li p{
	font-size: 22px;
	margin-top: 10px;
}	
.case{
	padding: 60px 0;
}
.case .list{

}
.case .list ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.case .list ul li{
	width: calc(50% - 20px);
	margin-bottom: 40px;
}
.case .list ul li .img{
	overflow: hidden;
}
.case .list ul li .img img{
	width: 100%;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.case .list ul li a:hover .img img{
	transform: scale(1.1);
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.case .list ul li a h3{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.case .list ul li a h3 span{
	font-size: 24px;
	color: #3a3a3a;
	font-weight: 400;
}
.case .list ul li a h3 small{
	font-size: 16px;
	color: #9b9b9b;
	font-weight: 400;
}
.case .list ul li a p{
	font-size: 16px;
	color: #c4c4c4;
	margin-top: 10px;
}
.case .list ul li a i{
	font-style: unset;
	margin-top: 10px;
	display: block;
}
.case .list ul li a:hover h3 span{
	color: #0da8ae;
}
.contact{
	padding: 60px 0;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.contact .left{
	width: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.contact .left .text{
	width: 760px;
	box-sizing: border-box;
	padding-right: 20px;
}
.contact .left .text .icon{
	display: flex;
	align-items: center;
}
.contact .left .text .icon span{
	font-size: 22px;
	margin-left: 8px;
}
.contact .left .text h3{
	font-size: 60px;
	color: #0da8ae;
	margin-bottom: 20px;
}
.contact .left .text p img{
	width: 215px;
}
.contact .left .text h4{
	font-size: 22px;
	font-weight: 400;
	margin: 10px 0;
	margin-top: 20px;
}
.contact .left .text p{
	font-size: 16px;
	line-height: 2em;
}
.contact .left .text .code{
	width: 130px;
}

.contact .left .text .code img{
	width: 100%;
}
.contact .left .text .code p{
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
}
.contact .right{
	width: 50%;
	box-sizing: border-box;
	background: #0da8ae;
	padding-left: 5px;
}
.contact .right img{
	width: 100%;
	position: relative;
	top: -5px;
}
.msg{
	background: #fefeff;
	padding: 60px 0;
}
.msg .title{

}
.msg .title p{
	font-size: 24px;
	color: #dddddd;
}
.msg .title h3{
	font-size: 50px;
}
.msg  .form{
	margin-top: 35px;
}
.msg  .form .group{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.msg  .form .group input{
	width: calc(33.33% - 20px);
	height: 60px;
	border: none;
	background: #f7f7f7;
	padding: 0 10px;
	box-sizing: border-box;
	outline: unset;
}
.msg  .form .text{
	margin-top: 20px;
}
.msg  .form .text textarea{
	width: 100%;
	height: 240px;
	border: none;
	padding:10px;
	outline: unset;
	box-sizing: border-box;
	background: #f7f7f7;
}
.msg  .form .but{
	margin-top: 20px;
}
.msg  .form .but button{
	padding: 0 40px;
	background: #14a8ae;
	height: 55px;
	color: #fff;
	font-size: 14px;
	border: none;
}
.fankun{
	padding-top: 60px;
}
.fankun .top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fankun .top h3{
	width: 50%;
	box-sizing: border-box;
	padding-right: 30px;
	font-size: 50px;
	font-weight: 400;
}
.fankun .top p{
	padding-left: 30px;
	box-sizing: border-box;
	width: 50%;
	font-size: 22px;
	color: #8b8b8b;
	line-height: 1.8em;
}
.fankun .box{
	border: 1px solid #f5f5f5;
	padding: 35px 0;
	margin-top: 50px;
}
.fankun .add{
	text-align: center;
	cursor: pointer;
}
.fankun .add .icon{
	font-size: 40px;
	font-weight: 200;
	color: #8b8b8b;
	width: 100px;
	
	margin: 0 auto;
}
.fankun .add .icon span{
	display: block;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.fankun .add:hover .icon span{
	transform: rotate(90deg);
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.fankun .add p{
	font-size: 22px;
	color: #8b8b8b;
} 
.fankun .list{

}
.fankun .list ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.fankun .list ul li{
	width: calc(50% - 20px);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.fankun .list ul li .img{
	width: 30%;
	box-sizing: border-box;
}
.fankun .list ul li .img img{
	width: 100%;
}
.fankun .list ul li .text{
	width: 45%;
	box-sizing: border-box;
	padding: 0 10px;
}
.fankun .list ul li .text h3{
	font-size: 22px;
	color: #2b2b2b;
	font-weight: 400;
}
.fankun .list ul li .text p{
	font-size: 16px;
	margin-top: 15px;
	color: #8b8b8b;
}
.fankun .list ul li .remove{
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f3f5f6;
	cursor: pointer;
}
.fankun .list ul li .remove span{
	font-size: 40px;
	color: #818585;
	transform: rotate(45deg);
	font-weight: 200;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.fankun .list ul li .remove:hover span{
	transform:  rotate(135deg);
	-webkit-transition: all .4s ease-in-out 0.0s;
  -moz-transition: all .4s ease-in-out 0.0s;
  -ms-transition: all .4s ease-in-out 0.0s;
  -o-transition: all .4s ease-in-out 0.0s;
  transition: all .4s ease-in-out 0.0;
}
.mode{
	position: fixed;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
}
.mode .box{
	width: 1000px;
	box-sizing: border-box;
	background: #fff;
}
.mode .box .title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	border-bottom: 1px solid #f5f5f5;
	padding: 0 25px;
}
.mode .box .title h3{
	font-size: 50px;
	font-weight: 400;
}
.mode .box .title span{
	font-size: 40px;
	transform: rotate(45deg);
	color: #818585;
	font-weight: 200;
}
.mode .box .list{
	margin-top: 20px;
	overflow-y: scroll;
	height: 290px;
	padding: 0 25px;
}
.mode .box .class{
	display: flex;
	padding:25px;
}
.mode .box .class select{
	width: calc(33.33% - 15px);
	box-sizing: border-box;
	margin-right: 15px;
	height: 50px;
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
}
.mode .box .list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mode .box .list ul li{
	width: calc(50% - 15px);
	margin-bottom: 15px;
	border: 1px solid #f5f5f5;
}
.mode .box .list ul li.active,.mode .box .list ul li:hover{
border: 1px solid #14a8ae;
}
.mode .box .list ul li a{
	background: #f5f5f5;
	display: flex;
	align-items: center;
	padding: 5px;
	height: 90px;
}
.mode .box .list ul li .img{
	width: 30%;
	box-sizing: border-box;
}
.mode .box .list ul li .img img{
	width: 100%;
	height: 90px;
}
.mode .box .list ul li .text{
	width: 70%;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
.mode .box .list ul li .text h3{
	font-size: 18px;
	color: #2b2b2b;
	font-weight: 400;
}
.mode .box .list ul li .text p{
	font-size: 14px;
	color: #818585;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mode .box .but{
	padding: 25px;
	display: flex;
	justify-content: right;
}
.mode .box .but:after{
	content: "";
	display: block;
}
.mode .box .but button{
	background: #14a8ae;
	border: none;
	color: #fff;
	height: 45px;
	width: 120px;
	font-size: 14px;
}
.join2{
	padding: 60px 0;
}
.join2 .title{
	text-align: center;
	font-size: 50px;
}
.join2 .list{
	margin-top: 35px;
}
.join2 .list ul{
	display: flex;
	justify-content: space-between;
}
.join2 .list ul li{
	width: 11%;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-in-out 0.0s;
  -moz-transition: all .3s ease-in-out 0.0s;
  -ms-transition: all .3s ease-in-out 0.0s;
  -o-transition: all .3s ease-in-out 0.0s;
  transition: all .3s ease-in-out 0.0;
}
.join2 .list ul li.active{
	width: 34%;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-in-out 0.0s;
  -moz-transition: all .3s ease-in-out 0.0s;
  -ms-transition: all .3s ease-in-out 0.0s;
  -o-transition: all .3s ease-in-out 0.0s;
  transition: all .3s ease-in-out 0.0;
}
.join2 .list ul li a{
	display: block;
	height: 540px;
	display: flex;
	align-items: flex-end;
}
.join2 .list ul li a .text{

	width: 100%;
	text-align: center;
	padding-bottom: 35px;
}
.join2 .list ul li a .text i{
	display: flex;
	justify-content: center;
}
.join2 .list ul li a .text h3{
	text-align: center;
	font-size: 22px;
	color: #fff;
	font-weight: 400;
	margin-top: 15px;
}
.join2 .list ul li a .text .xian{
	display: none;
}
.join2 .list ul li a .text p{
	display: none;
}
.join2 .list ul li.active a .text{
	text-align: left;
	padding: 0 30px 35px 30px;
}
.join2 .list ul li.active a .text i{
	display: flex;
	justify-content: left;
}
.join2 .list ul li.active a .text  h3{
	text-align: left;
}
.join2 .list ul li.active a .text p{
	display: block;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
}
.join2 .list ul li.active a .text .xian{
	display: block;
	width: 50px;
	height: 2px;
	background: #0da8ae;
	margin-top: 10px;
}
.join3 {
	padding: 80px 0;
	background: #f5f8fa;
}
.join3 .title{
	font-size: 50px;
}
.join3 .list{
	margin-top: 35px;
}
.join3 .list ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}
.join3 .list ul li{
	padding: 20px;
	position: relative;
	width: 25%;
	box-sizing: border-box;
}
.join3 .list ul li:after{
	content: "";
	background: url(../images/icon8.png) no-repeat center;
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	right: -7.5px;
	bottom: calc(50% - 7.5px);
}
.join3 .list ul li:nth-child(4):after{
	position: absolute;
	right: calc(50%  - 7.5px);
	top: auto;
	bottom: -7.5px;
	transform: rotate(90deg);
}
.join3 .list ul li:last-child:after{
	display: none;
}
.join3 .list ul li:nth-child(5):after{
	position: absolute;
	transform: rotate(180deg);
}
.join3 .list ul li:nth-child(6):after{
	position: absolute;
	transform: rotate(180deg);
}
.join3 .list ul li:nth-child(7):after{
	position: absolute;
	transform: rotate(180deg);
}
.join3 .list ul li .box{
	background: #fff;
	padding: 35px 0;
}
.join3 .list ul li .box .icon{
	width: 60px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.join3 .list ul li .box h3{
	text-align: center;
	font-size: 30px;
	margin-top: 15px;
}
.join4{
	background: url(../images/bg13.jpg) no-repeat center;
	padding: 60px 0;
}
.join4 .title{
	font-size: 50px;
	color: #fff;
}
.join4 .list{
	margin-top: 35px;
	display: flex;
	justify-content: space-between;
}
.join4 .list .left{
	width: 40%;
	box-sizing: border-box;
	background: url(../images/bg14.jpg)no-repeat center;
	background-size: cover;
	padding: 35px;
	color: #fff;
}
.join4 .list .left h3{
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 25px;
}
.join4 .list .left h4{
	font-size: 30px;
}
.join4 .list .left p{
	font-size: 30px;
	font-weight: bold;
	margin-top: 30px;
}
.join4 .list .right{
	width: 60%;
	box-sizing: border-box;
	background: #fff;
	padding: 60px 40px;
}
.join4 .list .right .sect{
	display: flex;
	justify-content: space-between;
}
.join4 .list .right .sect select{
	width: calc(33.33% - 15px);
	height: 50px;
	background: #f6f6f6;
	border: none;
	outline: unset;
	padding: 0 10px;
	color: #787878;
}
.join4 .list .right .input{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.join4 .list .right .input input{
	width: calc(50% - 15px);
	height: 50px;
	background: #f6f6f6;
	border: none;
	outline: unset;
	padding: 0 10px;
	color: #787878;
	box-sizing: border-box;
}
.join4 .list .right .but{
	margin-top: 20px;
}
.join4 .list .right .but button{
	width: 140px;
	height: 50px;
	background: #14a8ae;
	color: #fff;
	border: none;
}
.jod{
	padding: 60px 0;
}
.jod .title{
	font-size: 50px;
}
.jod .list{
	margin-top: 35px;
}
.jod .list .top{
	background: #0da8ae;
}
.jod .list .top ul{
	display: flex;
	justify-content: space-between;
}
.jod .list .top ul li{
	width: 20%;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.jod .list .body{

}
.jod .list .body ul{
	display: flex;
	justify-content: space-between;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}
.jod .list .body ul li{
	width: 20%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	font-size: 22px;
	border-bottom: 1px solid #f5f5f5;
}
.jod .list .body ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 40px;
	border: 1px solid #f5f5f5;
	color: #787878;
	font-size: 14px;
}
.jod .list .body ul li a:hover{
	background: #0da8ae;
	color: #fff;
}
.jod .list .body ul:hover{
	background: #f7f7f7;
}
.jodShow{
	padding: 60px 0;
}
.jodShow .title{

}
.jodShow .title h3{
	font-size: 50px;
	font-weight: 400;
	line-height: 1em;
	padding-left: 20px;
	border-left: 5px solid #0da8ae;
}
.jodShow .title .dis{
	display: flex;
	margin-top: 20px;
}
.jodShow .title .dis p{
	margin-right: 35px;
	color: #939393;
}
.jodShow .content{
	margin-top: 35px;
	line-height: 2em;
	font-size: 18px;
}
.jodBottom{
	background: #fbfbfb;
	padding: 50px 0;
}
.jodBottom .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.jodBottom .container .text{
	font-size: 20px;
	color: #3a3a3a;
	font-weight: bold;
	line-height: 2em;
}
.jodBottom .container .text small{
	color: #0da8ae;
	font-size: 20px;
}
.jodBottom .container .code{
	display: flex;
	align-items: center;
}
.jodBottom .container .code .img{
	width: 130px;
}
.jodBottom .container .code .img img{
	width: 100%;
}
.jodBottom .container .code p{
	font-size: 20px;
	font-weight: bold;
	width: 160px;
	margin-left: 20px;
}
.about .text p{
	line-height: 1.8em;
}
.header .container .top .nav .wapBut{
	display: none;
}
.join2 .joinWap{
	height: 0;
	overflow: hidden;
}
.index4 .wapList{
	height: 0;
	overflow: hidden;
}
@media (max-width: 1520px) {
	
	.container{
		width: 1200px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.banner .swiper-container .swiper-slide .container{
		width: 1200px;
		margin-left: -600px;
	}
	.banner_but{
		width: 1200px;
		margin-left: -600px;
	}
	.header .container .top .nav .sub ul li{
	   padding: 0 15px;
	}
	.index2 .left .text{
		width: 600px;
	}
	.index2 .left .text .title h3{
		font-size: 40px;
	}
	.index2 .right .videos{
		height: auto;
	}
	.index2 .right .videos video{
		height: 320px;
	}
	.index2 .right .img{
		height: 433px;
	}
	.index2 .right .img img{
		height: 100%;
	}
	.index5 .title .left h3{
		font-size: 30px;
	}
	.index5 .title .right ul li{
		margin-left: 20px;
	}
	.index7 .list .swiper-container .swiper-slide .text h3{
		font-size: 20px;
	}
	.join3 .list ul li .box h3{
		font-size: 24px;
	}
	.news .list ul li .text h3{
		font-size: 18px;
	}
	.news .list ul li .text .more{
		width: 50px;
		height: 50px;
	}
	.newsShow .title h3{
		font-size: 40px;
	}
	.proCom .title{
		font-size: 40px;
	}
	.proCom .list ul li a .text h3{
		font-size: 18px;
	}
	.product .list ul li a .text h3{
		font-size: 18px;
	}
	.productShow .top .right .images{
		width: 400px;
		height: auto;
	}
	.productShow .top .right .thum{
		height: 330px;
	}
	.video .list ul li video{
		height: 330px;
	}
	.video .list ul li{
		margin-bottom: 30px;
	}
	.contact .left .text{
		width: 600px;

	}
	.contact{
		align-items: center;
	}
}
@media (max-width: 1200px) {
	.container{
		width: 1000px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.banner .swiper-container .swiper-slide .container{
		width: 1000px;
		margin-left: -500px;
	}
	.header .container .top .nav .sub ul li{
	    padding: 0 5px;
	}
	.header .container .top .nav .sub ul li p a{
	    font-size: 14px;
	}
	.banner_but{
		width: 1000px;
		margin-left: -500px;
	}
	.about3 .list .item .swiper-slide{
		width: calc(25% - 10px);
		margin-right: 13px;
	}
	.about3 .title .left,.about2 .title,.about .text h3{
		font-size: 30px;
	}
	.about3 .list .item .but>div{
		width: 40px;
		height: 40px;
	}
	.munber ul li h3{
		font-size: 40px;
	}
	.newsShow .newsContent{

	}
	.newsShow .newsContent img{
		width: 100%;
	}
	.newsShow .title h3,.proCom .title{
		font-size: 30px;
	}
	.proCom .list ul li{
		width: calc(25% - 10px);
		margin-right: 13.3px;
	}
	.contact .left .text{
		width: 500px;
	}
	.contact .left .text h3{
		font-size: 30px;
	}
	.contact .left .text h4{
		font-size: 18px;
	}
	.contact .left .text p{
		font-size: 14px;
	}
	.download .top{
		font-size: 30px;
	}
	.download .dottom .left .title h3{
		font-size: 30px;
	}
	.fankun .top h3{
		font-size: 30px;
	}
	.fankun .top p{
		font-size: 18px;
		line-height: 1.8em;
	}
	.video .title{
		font-size: 30px;
	}
	.video .list ul li video{
		height:260px;
	}
	.productShow .top .right{
		display: flex;
		justify-content: space-between;

	}
	.productShow .top .right .images{
		width: 70%;
	}
	.productShow .top .right .thum .swiper-container{
		width: 100px;
	}
	.productShow .top .right .thum .swiper-container .swiper-slide{
		height: 70px;
	}
	.productShow .top .right .thum{
		height: 276px;
	}
	.product .list ul li{
		padding: 10px;
	}
	.product .list ul{
		margin: 0 -10px;
	}
	.news .list ul li{
		overflow: hidden;
	}
	.news .list ul li .text h3{
		font-size: 16px;
	}
	.news .list ul li .text .dis{
		font-size: 14px;
	}
	.news .list ul li .text .more{
		margin-top: 20px;
	}
	.news .list ul li{
		padding: 10px;
	}
	.news .list ul{
		margin: 0 -10px;
	}
	.jodShow .title h3{
		font-size: 30px;
	}
	.index1 .top .title .left h3{
		font-size: 30px;
	}
	.index1 .list ul li>div .text h3{
		font-size: 30px;
	}
	.index1 .list ul li>div .text .more{
		height: 40px;
	}
	.index1 .list ul li:hover>div .text .sub{
		display: none;
	}
	.index2 .left .text{
		width: 500px;
	}
	.index2 .left .text .title h3{
		font-size: 30px;
	}
	.index2 .left .text .item ul li h3{
		font-size: 40px;
	}
	.index3 .list ul li{
		width: calc(25% - 10px);
	}
	.index4 .title h3{
		font-size: 30px;
	}
	.index4 .list .left ul li a{
		height: 60px;
		padding: 0 20px;
	}
	.index4 .list .left ul li a span{
		font-size: 18px;
	}
	.index5 .title .right{
		display: none;

	}
	.index6 .box .left{
		width: 30%;
	}
	.index6 .box .left h3{
		font-size: 30px;
	}
	.index6 .box .right{
		width: 70%;
	}
	.index7 .title .left h3{
		font-size: 30px;
	}
	.index7 .list .swiper-container .swiper-slide .text .dis{
		font-size: 14px;
	}
	.index7 .list .swiper-container .swiper-slide .text h3{
		font-size: 18px;
	}
	.index7 .list .swiper-container .swiper-slide .text .more{
		width: 50px;
		height: 50px;
		margin-top: 20px;
	}
	.index7 .list .swiper-container .swiper-slide{
		width: calc(25% - 10px);
		margin-right: 13.33px;
	}
	.join2 .title,.join3 .title,.join4 .title{
		font-size: 30px;
	}
	.join4 .list .left h4,.join4 .list .left p,.join4 .list .left h3{
		font-size: 26px;
	}
	.jod .title{
		font-size: 30px;
	}
	.jod .list .top ul li,.jod .list .body ul li{
		font-size: 20px;
		height: 60px;
	}
}
@media (max-width: 1000px) {
	.container{
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.banner .swiper-container .swiper-slide .container{
		width: 100%;
		margin-left: 0;
		left: 0;
	}
	.banner_but{
		width: 100%;
		margin-left:0;
		left: 0;
		display: flex;
		justify-content: center;
	}
	.banner{
		padding-top: 90px;
	}
	.banner .swiper-container .swiper-slide .box{
		top: 0px;
	}
	.banner .swiper-container .swiper-slide .box .left{
		display: none;
	}
	.banner .swiper-container .swiper-slide .box .right{
		width: 100%;
	}
	.header{
		background: #fff;
	}
	.header .container .top .nav .sub .lang{
		position: fixed;
        left: 0;
        top: 30px;
        z-index: 9;
        margin-left: 20px;
        display: none;
	}
	.footer .container .right{
		display: none;
	}
	.footer .container .left{
		width: 100%;
	}
	.footer .container .left .logo{
		text-align: center;
		display: flex;
		justify-content: center;
	}
	.footer .container .left .text{
		text-align: center;
	}
	.footer .container .left .code{
		margin: 30px auto 0;
	}
	.header .container .top{
		height: 90px;
	}
	.header .container .top .nav .text{
		display: none;
	}
	.header .container .top .nav .sub ul li p a{
		color: #2b2b2b;
	}
	.header .container .top .nav .sub{
		margin-top: 0;
	}
	.header .container .top .nav .sub ul{
		position: fixed;
		top: 0;
		left: 0;
		width: 80%;
		background: #fff;
		height: 100%;
		display: block;
		box-sizing: border-box;
		padding-top: 60px;
		padding-left: 15px;
		padding-right: 15px;
		display: none;
	}
	.header .container .top .nav .sub ul li{
		border-bottom: 1px solid #dcdcdc;
	}
	.header .container .top .nav .wapBut{
		display: block;
	}
	.column .container ul{
		flex-wrap: wrap;
		top: 0;
	}
	.column .container ul li{
		width: 50%;
		box-sizing: border-box;
		border-bottom: 1px solid #f5f5f5;
	}
	.column .container ul li.active{
		width: 50%;
	}
	.index1 .list ul li{
		width: 50%;
	}
	.index1 .list ul{
		margin: 0;
	}
	.index2{
		display: block;
	}
	.index2 .left{
		width: 100%;
		padding: 15px;
		display: block;
	}
	.index2 .left .text{
		width: 100%;
	}
	.index2 .right{
		width: 100%;
	}
	.index2 .right .img{
		height: auto;
	}
	.index2 .right .videos video{
		height: auto;
	}
	.index3 .list ul.active{
		flex-wrap: wrap;
	}
	.index3 .list ul li{
		margin-bottom: 10px;
		width: calc(50% - 10px);
	}
	.index4 .list{
		display: none;
	}
	.index4 .wapList{
		height: auto;
		overflow: hidden;
		margin-top: 35px;
	}
	.index4 .wapList .img{
		width: 100%;
		overflow: hidden;
	}
	.index4 .wapList .img img{
		width: 100%;
	}
	.index4 .wapList .text{
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 25px ;
	}
	.index4 .wapList .text h3{
		font-size: 22px;
		color: #fff;
		font-weight: 400;
	}
	.index4 .wapList .text p{
		font-size: 16px;
		color: #c4c4c4;
		margin-top: 10px;
	}
	.index6 .box .left{
		display: none;
	}
	.index6 .box .right{
		width: 100%;
	}
	.index7 .list .swiper-container .swiper-slide{
		width: calc(50% - 15px);
		margin-right: 30px;
	}
	.index7 .list .swiper-container .swiper-slide .text{
		border: none;
	}
	.index7 .list .swiper-container .swiper-slide .text .more{
		margin-top: 40px;
	}
	.page_banner{
		padding-top: 90px;
	}
	.munber ul{
		padding: 0;
	}
	.about2 .list{
		display: block;
	}
	.about2 .list .left{
		width: 100%;
		padding-right: 0;
	}
	.about2 .list .right{
		width: 100%;
		padding-top: 20px;
		padding-left: 0;
	}
	.about3 .list .item .swiper-slide{
		width: calc(50% - 10px);
		margin-right: 20px;
	}
	.newsClass ul{
		display: block;
	}
	.newsClass ul li{
		width: 100%;
		margin-bottom: 15px;
	}
	.newsClass ul li a{
		display: flex;
		background: #fff;
		align-items: center;
		padding: 20px 20px;

	}
	.newsClass ul li a p{
		display: none;
	}
	.newsClass ul li a h3{
		font-size: 26px;
		font-weight: 400;
		margin-top: 0;
		margin-left: 15px;
	}
	.newsClass ul li a .mo{
		width: 40px;
		height: 40px;
		right: 20px;
		top: 20px;
		position: absolute;
		background: #0da8ae;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
	}
	.newsClass ul li a .mo img{
		position: relative;
		left: -40px;
		filter: drop-shadow(47px 0px #fff);
	}
	.case .list ul li{
		width: calc(50% - 10px);
	}
	.proCom .list ul li{
		width: calc(50% - 10px);
		margin-right: 20px;
	} 
	.contact{
		display: block;
	}
	.contact .left{
		width: 100%;
		display: block;
	}
	.contact .left .text{
		width: 100%;
		padding-left: 20px;
	}
	.contact .right{
		width: 100%;
		padding: 20px;
		background: none;
	}
	.contact .right img{
		position: static;
		margin: 0;
	}
	.msg .title h3{
		font-size: 30px;
	}
	.download .dottom .left{
		width: 40%;
	}
	.download .dottom .right{
		width: 60%;
	}
	.download .dottom .right .list ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	.fankun .top{
		display: block;
	}
	.fankun .top p{
		padding-left: 0;
		width: 100%;
		margin-top: 15px;
	}
	.fankun .list ul li{
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.jod .list .top ul li, .jod .list .body ul li{
		font-size: 16px;
	}
	.jodBottom .container{
		display: block;
	}
	.jodBottom .container .code{
		margin-top: 15px;
	}
	.join2 .list{
		display: none;
	}
	.join2 .joinWap{
		overflow: hidden;
		height: auto;
		margin-top: 35px;
	}
	.join2 .joinWap .swiper-slide .img img{
		width: 100%;
	}
	.join2 .joinWap .swiper-slide .text{

		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		padding-bottom: 35px;
	}
	.join2 .joinWap .swiper-slide .text i{
		display: flex;
		justify-content: center;
	}
	.join2 .joinWap .swiper-slide .text h3{
		text-align: center;
		font-size: 22px;
		color: #fff;
		font-weight: 400;
		margin-top: 15px;
	}
	.join2 .joinWap .swiper-slide .text .xian{
		display: none;
	}
	.join2 .joinWap .swiper-slide .text p{
		display: none;
	}
	.join2 .joinWap .swiper-slide .text{
		text-align: left;
		padding: 0 30px 35px 30px;
	}
	.join2 .joinWap .swiper-slide .text i{
		display: flex;
		justify-content: left;
	}
	.join2 .joinWap .swiper-slide .text  h3{
		text-align: left;
	}
	.join2 .joinWap .swiper-slide .text p{
		display: block;
		font-size: 14px;
		color: #fff;
		margin-top: 10px;
	}
	.join2 .joinWap .swiper-slide .text .xian{
		display: block;
		width: 50px;
		height: 2px;
		background: #0da8ae;
		margin-top: 10px;
	}
	.join3 .list ul li{
		
	}
	.join3 .list ul li .box .icon{
		width: 30px;
	}
	.join3 .list ul li .box .icon img{
		width: 100%;
	}
	.join3 .list ul li .box h3{
		font-size: 16px;
		font-weight: 400;
	}
	.join4 .list{
		display: block;
	}
	.join4 .list .left{
		width: 100%;
	}
	.join4 .list .left h4, .join4 .list .left p, .join4 .list .left h3{
		font-size: 20px;
	}
	.join4 .list .right{
		width: 100%;
	}
	.news .list ul li{
		width: 50%;
	}
	.news .list ul li .text h3{
		font-size: 18px;
	}
	.product .list ul li{
		width: 50%;
	}
	.productShow .top{
		display: block;
	}
	.productShow .top .left{
		display: block;
		width: 100%;
	}
	.productShow .top .right{
		width: 100%;
	}
	.productShow .top .right .images{
		width: calc(80% - 15px);
	}
	.productShow .top .right .thum{
		width: 20%;
	}
	.productShow .top .right .thum .swiper-container{
		width: 100%;
	}
	.productShow .top .right .thum .swiper-container .swiper-slide{
		height: 100px;
	}
	.productShow .top .left{
		padding-left: 20px;
	}
	.video .list ul li{
		width: calc(50% - 10px);
	}
	.productShow .showContent .item img{
	    width: 100% !important;
	}
}
@media (max-width: 640px) {
	.productShow .top .right .images{
		width: calc(75% - 15px);
		margin-right: 15px;
	} 
	.productShow .top .right .thum{
		width: 25%;
	}
	.productShow .top .left{
		padding-bottom: 25px;
	}
	.proCom .list ul li{
		width: calc(100% - 15px);
		margin-right: 15px;
	}
	.product .list ul li{
		width: 100%;
	}
	.newsShow .title h3, .proCom .title{
		font-size: 24px;
	}
	.newsShow .title{
		padding-top: 20px;
	}
	.news .list ul li{
		width: 100%;
	}
	.news .list ul li .text h3{
		font-size: 24px;
		margin-top: 25px;
	}
	.news .list ul li .text .dis{
		margin-top: 25px;
	}
	.news .list ul li .text .more{
		margin-top: 40px;
	}
	.news .list ul li .text p{
		padding-bottom: 20px;
	}
	.join4 .list .right .sect{
		display: block;
	}
	.join4 .list .right .sect select{
		width: 100%;
		margin-bottom: 15px;
	}
	.join4{
		background-size: cover;
	}
	.jod .list .top ul li:nth-child(4),.jod .list .body ul li:nth-child(4){
		display: none;
	}
	.jod .list .top ul li, .jod .list .body ul li{
		width: 25%;
	}
	.jodShow .title .dis{
		display: block;
	}
	.jodShow .title .dis p{
		line-height: 1.8em;
	}
	.fankun .list ul li .text p{
		font-size: 14px;
	}
	.fankun .list ul li .text h3{
		font-size: 18px;
	}
	.msg .form .group{
		display: block;
	}
	.msg .form .group input{
		width: 100%;
		display: block;
		margin-bottom: 15px;
	}
	.download .dottom .left .title h3{
		font-size: 20px;
	}
	.download .dottom .left .title p{
		font-size: 14px;
	}
	.download .dottom .left .list ul li a{
		font-size: 14px;
	}
	.download .dottom .right .list ul li .text h3{
		font-size: 18px;
	}
	.download .dottom .right .list ul li .text a{
		font-size: 10px;
		margin-top: 15px;
		padding: 3px 15px;
	}
	.download .dottom{
		margin-top: 35px;
	}
	.download .top{
		font-size: 20px;
	}
	.newsClass ul li a h3{
		font-size: 20px;
	}
	.msg .title h3{
		font-size: 20px;
	}
	.msg .title p{
		font-size: 18px;
	}
	.newsShow .title p{
		font-size: 14px;
	}
	.newsShow .return a{
		font-size: 14px;
	}
	.case .list ul li{
		width: 100%;
	}
	.about3 .title .left, .about2 .title, .about .text h3{
		font-size: 20px;
	}
	.about .text h4{
		font-size: 18px;
	}
	.about .text p{
		font-size: 14px;
	}
	.munber ul{
		display: flex;
		flex-wrap: wrap;
	}
	.munber ul li{
		width: 50%;
		margin-bottom: 20px;
	}
	.munber ul li h3{
		justify-content: center;
	}
	.munber ul li p{
		text-align: center;
		font-weight: 400;
	}
	.munber ul li h3 i{
		font-size: 14px;
		font-weight: 400;
	}
	.about2 .list .right ul li span{
		font-size: 18px;
		font-weight: 400;
	}
	.about3 .title .right ul li a{
		font-size: 16px;
	}
	.column .container ul li{
		padding: 20px;
	}
	.column .container ul li h3{
		font-size: 20px;
	}
	.column .container ul li p{
		font-size: 14px;
	}
	.column .container ul li .icon img{
		width: 30px;
	}
	.index1 .top .title .right{
		display: none;
	}
	.index1 .top .seach input{
		font-size: 14px;
	}
	.index1 .list ul li{
		width: 100%;
		padding: 10px 20px;
	}
	.index1{
		background-size: cover;
	}
	.index2 .left .text .item ul li p{
		font-size: 12px;
		font-weight: 400;
		text-align: center;
	}
	.index4 .title h3{
	    font-size: 20px;
	}
	.index2 .left .text .item ul li h3{
		justify-content: center;
		font-size: 30px;
	}
	.video .list ul li p{
	    font-size: 14px;
	}
	.pages ul li{
	    padding: 0;
	}
	.index2 .left .text .item ul li h3 i{
		font-size: 10px;
		font-weight: 400;
	}
	.index2 .left .text .item{
		margin-top: 35px;
		padding-bottom: 35px;
	}
	.index3 .title ul li a{
		font-size: 18px;
	}
	.index4 .wapList .text h3{
		font-size: 18px;
	}
	.index4 .wapList .text p{
		font-size: 14px;
	}
	.index5 .title .left{
		width: 100%;
	}
	.index5 .title .left h3{
		font-size: 20px;
	}
	.index5 .title .left p{
		font-size: 18px;
	}
	.index5 .list .swiper-container .swiper-slide{
		width:100%;
		margin-right: 0;
	}
	.index5 .list .swiper-container .swiper-slide .title h3{
		font-size: 18px;
	}
	.index5 .list .swiper-container .swiper-slide .title span{
		font-size: 14px;
	}
	.index5 .list .swiper-container .swiper-slide .dis{
		font-size: 14px;
	}
	.index6 .box{
		height: auto;
		padding: 35px 0;
	}
	.index6 .box .right .form{
		display: block;
	}
	.index6 .box .right .form input{
		width: 100%;
		margin-bottom: 15px;
	}
	.index6 .box .right .form button{
		width: 100%;
	}
	.index6{
		background-size: cover;
	}
	.index1 .list ul li>div .text h3{
		font-size: 20px;
		margin-top: 20px;
	}
	.index1 .list ul li>div .text p{
		font-size: 12px;
	}
	.index1 .list ul li>div .text .more{
		margin-top: 50px;
	}
	.index7 .title .right{
		display: none;
	}
	.index7 .title .left h3{
		font-size: 20px;
	}
	.index7 .title .left p{
		font-size: 18px;
	}
	.index7 .list .swiper-container .swiper-slide{
		width: calc(50% - 5px);
		margin-right: 10px;
	}
	.index7 .list .swiper-container .swiper-slide .text h3{
		font-size: 16px;
		line-height: 1.5em;
	}
	.index7{
		padding: 60px 0;
	}
	.index2 .left .text{
		padding-top: 50px;
	}
	.index1{
		padding: 40px 0;
	}
	.index1 .top .title .left h3{
		font-size: 20px;
	}
	.index1 .top .title .left p{
		font-size: 18px;
	}
	.column .container ul li h3{
		font-size: 20px;
	}
	.column .container ul li p{
		font-size: 14px;
		line-height: 1.7em;
	}
	.column .container ul li{
		//background: url(../images/pro_bg.jpg) no-repeat center;
	}
	.column .container ul li.active h3{
		font-size: 20px;
	}
	.column .container ul li.active p{
		font-size: 14px;
	}
	.productShow .showContent .item img{
	    width: 100% !important;
	}
}